<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文章</title>
<meta name="keywords" content="前端模板">
<meta name="description" content="前端模板"> 

<script src="static/js/jquery/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="static/layui/layui.js" type="text/javascript"></script>
<script src="static/js/index/index.js" type="text/javascript"></script>
<script src="static/js/index/freezeheader.js" type="text/javascript"></script>
<script src="static/layui/lay/modules/layer.js" type="text/javascript"></script>
<script src="static/js/index/sliders.js" type="text/javascript"></script>
<script src="static/js/index/html5.js" type="text/javascript"></script>
<script src="static/js/index/article.js" type="text/javascript"></script>
<link rel="stylesheet" href="static/layui/css/layui.css" media="all"/>
<link rel="stylesheet" href="static/layui/css/modules/layer/default/layer.css"/>
<link rel="stylesheet" href="static/css/global.css"/>
<script type="text/javascript">

</script>
<!--
-->
</head>
<body>
<div class="layui-header header">
   
</div>

<div class="layui-container container" id="saveTr">

    <div class="layui-row layui-col-space20">
        <div class="layui-col-md8">
            <div>
              <span class="layui-breadcrumb">
          <a href="index.html">首页</a>
          <a><cite>文章</cite></a>
        </span>
                <hr class="layui-bg-red">
             <!--   <div   id="saveTr">-->
                   <div class="article-list" style="padding-top:10px;" v-for="a in article">
                    <figure><img src= "+a.imageUrl+" ></figure>
                    <ul>
                        <h3>
                         <a href="article_details.html" @click="edit(a.articleId)"  >
                           <!-- <a  @click="edit(a.articleId)" >--><p>{{ a.title }}</p></a>
                        </h3>
 								
                        	<p>{{ a.author }}</p>
							<p>{{ a.summary }}</p>			
                        <p class="autor">
                        	
                            <span class="lm f_l">点赞</span>
                            <span class="dtime f_l">{{a.publishTime}}</span>
                            <span class="viewnum f_r">浏览  {{a.clickNum}}</span>
                            <span class="pingl f_r">评论（<a href="#">30</a>）</span></p>
                    </ul>
                </div>
            <!--</div>-->
   
            </div>
            <!--分页-->
            <div id="page"></div>
        </div>
        
        <div class="layui-icon-praise"></div>
        <div class="layui-col-md4">
            <div class="article-fenlei">
                <h3>文章分类</h3>
            
            </div>
    
            <div class="ad"><img src="static/images/ad.jpg"></div>
            
         
            
            <div class="ms-main" id="ms-main" >
            	 
                <div style="display: block;" class="bd bd-news"  >	
                    <ul>
                        <li v-for="ac in are">
                        	<a href="article_details.html" @click="edit(ac.articleId)" target="_blank"> 
                        		{{ac.title}}
                        	</a>
                        </li>
                    </ul>
                   </div>
               
            </div>
             
    </div>
</div>
  
<div class="footer">
    <hr class="layui-bg-red">
    <p><a href="http://itdaima.com/">layui框架模板</a> 2017 &copy; <a href="#">itdaima.com</a></p>

    <p>layui框架模板</p>
</div>

	<script type="text/javascript" src="./js/jquery.min.js"></script>
		<!--引入Vue的js 开发环境版本., 包含了有帮助的命令行警告-->
		<script src="./js/vue.min.js"></script>
		<script type="text/javascript" src="js/vue.js"></script>
		<script src="js/axios.min.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
	
		<script>
			const saveTr = new Vue({
				el: "#saveTr",
				data: {
					article: [],
					are:[]			
				},
				methods: {
					edit:function(articleId){			 		 
			 		  $.cookie("articleId",articleId);  
					}
				},
				created() {
					let _this = this;
					axios.get("http://localhost:9095/e/listAll").then(function(response) {
						_this.article = response.data.data.listArticleDto;
						_this.are = response.data.data.listArticleDto;	
						console.log(response.data.data.listArticleDto);
					});				
				}
			})
		</script>



</body>
</html>
